<template>
    <!-- 通用组件 无数据 -->
    <div class="no-data">
        <img src="../../public/imgs/icon-no-data.png" alt="">
        <p>当前暂无订单记录</p>
    </div>
</template>

<script>
    export default {
        name: "no-data",
    }
</script>

<style lang="scss">
    .no-data{
        text-align: center;
        font-size: 20px;
        color: #999;
        margin: 50px 0;
        img{
            width: 240px;
            height: 180px;
            margin-bottom: 30px;
        }
    }
</style>